<template></template>

<script lang="ts">
export default {
    // name: "caidan",
};
</script>
<script lang="ts" setup></script>

<style lang="scss" scoped>
.el-menu-vertical-demo {
    height: 100%;
}

// :deep .el-dialog {
//   background-image: url("../../../assets/l.png") !important;
//   background-repeat: no-repeat;
//   background-position: center center;
//   background-attachment: fixed;
//   background-size: 100% 100%;
// }

.guodu {
    animation: shake 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
    transform: translate3d(0, 0, 0);
    backface-visibility: hidden;
    perspective: 1000px;
}

@keyframes shake {
    10%,
    90% {
        transform: translate3d(-1px, 0, 0);
    }

    20%,
    80% {
        transform: translate3d(2px, 0, 0);
    }

    30%,
    50%,
    70% {
        transform: translate3d(-4px, 0, 0);
    }

    40%,
    60% {
        transform: translate3d(4px, 0, 0);
    }
}
</style>
